<!DOCTYPE html>
<html>
<head>
<title>Trang Chủ</title>
<meta charset ="utf-8">
<link rel= " stylesheet" href = " css/bootstrap.min.css " >
<link rel= " stylesheet" href = " css/main.css " >

</head>
 <body style="background: url(http://lienminh.garena.vn/images/banners/bg-ekko.jpg)">
<body>
	<div class="navbar navbar-default">	
		<div class="container-fluid">	
		<div class="navbar-header">	 		
		<a class="navbar-brand logo-navbar" href="#">			
		<img class = "logo" src=" https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRshZv8WxFaHPcY58NEXKRMwrUZeUE8R7lbCoQKr5RFGO0XcZYX" style="font-size: 100%">
		</a>		
	</div>
		<ul class="nav navbar-nav">
		<li class="active"><a href="http://php44.us" ><span class="glyphicon glyphicon-home" aria-hidden="true"> </span>	Trang Chủ</a></li>
		<li><a href="#"> <span class="glyphicon glyphicon-th" aria-hidden="true"></span> Sản Phẩm</a></li>
		<li class="divider-vertical"></li>
		<li><a href="#"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> Liên Hệ</a></li>
		<li><button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
		<span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> Đăng Nhập</button>

<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Nhập thông tin đăng nhập</h4>
    </div>
		<div class="modal-body">    
			<form class="form-signin">
			<h2 class="form-signin-heading">Please sign in</h2>
			<label for="inputEmail" class="sr-only">Email address</label>
			<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
			<label for="inputPassword" class="sr-only">Password</label>
			<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
			<div class="checkbox">
			<label>
            <input type="checkbox" value="remember-me"> Remember me
			</label>
		</div>
		<button class="btn btn-lg btn-primary btn-success" type="submit">Sign in</button>
		</form>	
		</div>
      
		</div>
		</div>
		</div></li>
	  </ul>
	</div>	 
	  </div>
	<div class="container-fluid">
	  <!-- Phần navbar chấm dứt tại đây nếu có thêm thì thêm ở trên -->
	  <div class="row">
	  <!--Khung 1-->
	  <div class="col-md-3">
		<div class="list-group">
		  	<a href="#" class="list-group-item active">
				<span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Danh mục
			</a> 
			<a href="#" class="list-group-item"> 
				<span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>Ẩm thực & Nhà hàng 
			</a>
				<a href="#" class="list-group-item">  
					<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>Spa & làm đẹp
			</a>
			<a href="#" class="list-group-item">
				<span class="glyphicon glyphicon-search" aria-hidden="true"></span> Gia dụng & đồ nội thất 
			</a>
			<a href="#" class="list-group-item"><span class="arrow_next"></span>  
				<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>Thời trang
			</a>
		</div>
	  </div>
	  <!--Khung 2-->
	  <div class="col-md-3">
		<div class="list-group">
		  <a href="#" class="list-group-item active">Người Dùng</a>
		  <a href="dangki.php" class="list-group-item">Thêm mới người dùng</a>
		  <a href="quanlinguoidung.html" class="list-group-item">Quản lí người dùng (Phần dành cho Admin)</a>
		  <a href="#" class="list-group-item">Hỗ trợ</a>		 
		</div>
	  </div>
	  <!--Khung 3-->
		<div class="col-md-3">
			<div class="list-group">
			<a href="#" class="list-group-item active">Hàng Hóa</a>
			<a href="quanlihanghoa.html" class="list-group-item">Đặt Hàng</a>
			<a href="dangkihanghoa.html" class="list-group-item">Cập Nhật Hàng Hóa</a>
			<a href="#" class="list-group-item">Báo Sai Lệch</a>			  
		</div>
	  </div>
	  <!--Khung 4-->
		<div class="col-md-3">
			<div class="list-group">
			<a href="#" class="list-group-item active">Khách Hàng (Dành Cho Admin)</a>
			<a href="dangkikhachhang.html" class="list-group-item">Cập Nhật Thông Tin Khách Hàng</a>
			<a href="quanlikhachhang.html" class="list-group-item">Quản Lí Thông Tin Khách Hàng</a>	
		</div>
					  
	  </div>
	  
	</div>
<!--Phần không đụng đén-->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
<!--Phần không đụng đén-->
</body>
</html>
